<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>分区标签</title>
</head>
<body>
<!--
作用: 可以理解为是一个容器,将多个有相关性的标签进行统一管理
块级分区标签div:  特点是独占一行
行内分区标签span:  特点是共占一行
页面区域如何划分?
至少分为三大区(头,体,脚)
每个大的区域再划分n个小的区域HTML5的标准中新增了一些语
义更强的分区标签,为了提高代码的可读性.  这几个标签的作
用和div一样都是块级分区标签
header头
footer脚
main主体
section区域
nav 导航
-->
<div>块级分区标签1</div>
<div>块级分区标签2</div>
<div>块级分区标签3</div>

<span>行内分区标签1</span>
<span>行内分区标签2</span>
<span>行内分区标签3</span>

</body>
</html>